<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-03-14 14:17:38
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-03-24 19:31:03
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\add-driver\\add-driver.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<div class="modal-header">
  <div class="modal-title">添加司机</div>
</div>
<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
<div class="sfBox">
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema">
      <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
          <div class="pr">
              <dl class="tips">
                  <dt>正面照</dt>
                  <dd>示例</dd>
              </dl>
              <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
          </div>
      </ng-template>
      <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
          <div class="pr">
              <dl class="tips">
                  <dt>背面照</dt>
                  <dd>示例</dd>
              </dl>
              <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
          </div>
      </ng-template>
  </sf>
  <sf #sf1 [compact]="true" [ui]="ui2" [schema]="schema1" [button]="'none'" *ngIf="schema1">
      <ng-template sf-template="roadImg" let-me let-ui="ui" let-schema="schema">
          <img height="104" src="/assets/images/drivercard.png" class="borderImg" />
      </ng-template>
  </sf>
  <sf #sf2 [compact]="true" [ui]="ui3" [schema]="schema2" [button]="'none'" *ngIf="schema2">
      <ng-template sf-template="agreeImg" let-me let-ui="ui" let-schema="schema">
          <img height="104" src="/assets/images/jopcard.png" class="borderImg" />
      </ng-template>
  </sf>
  <!-- <div class="example" (click)="showExample()">
    查看示例
    <div class="popBox" *ngIf="showCardFlag">
        <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
    </div>
</div>
<div class="example positionSet" (click)="showJopExample()">
    查看示例
    <div class="popBox" *ngIf="showJopFlag">
        <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
    </div>
</div> -->
</div>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!(sf?.valid && sf1?.valid && sf2?.valid)" [nzLoading]="service.http.loading">确定</button>
</div>